Tryit Editor v2.3

Edit This Code:
<!DOCTYPE html> <html> <body> <h4>Image with "vertical-align:bottom":</h4> <p>This is some text. <img src="smiley.gif" alt="Smiley face" width="42" height="42" style="vertical-align:bottom"> This is some text.</p> <h4>Image with "vertical-align:middle":</h4> <p>This is some text. <img src="smiley.gif" alt="Smiley face" width="42" height="42" style="vertical-align:middle"> This is some text.</p> <h4>Image with "vertical-align:top":</h4> <p>This is some text. <img src="smiley.gif" alt="Smiley face" width="42" height="42" style="vertical-align:top"> This is some text.</p> <h4>Let the image float to the right:</h4> <p>This is some text. <img src="smiley.gif" alt="Smiley face" width="42" height="42" style="float:right">This is some text. This is some text. This is some text.</p> <h4>Let the image float to the left:</h4> <p>This is some text. <img src="smiley.gif" alt="Smiley face" width="42" height="42" style="float:left">This is some text. This is some text. This is some text.</p> </body> <!-- Mirrored from www.w3schools.com/tags/tryit.asp?filename=tryhtml_img_align_css by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 23 Jan 2015 08:23:38 GMT --> </html>
Result:
Try it Yourself - © w3schools.com